<template>
    <div>
        <!-- 大容器 -->
        <section class="container">
            <!-- 上容器 -->
            <section class="itemTop">
                <Ip>
                    <!-- 插入槽口 -->
                    <template #main>
                        <ItemOne />
                    </template>
                </Ip>
            </section>
        </section>
    </div>
</template>

<script setup lang="ts">
import Ip from "../../components/ItemPage.vue"
// 小组件的引用
import ItemOne from "../../components/ItemOne.vue"

</script>

<style lang="scss" scoped >
// 主体容器样式
.container {
    // 这里就不需要设置使用rem了 使用rem那么页面就会根据html根结点大小改变而改变了
    height: 100%;
    margin: 0 auto;
    background-color: gray;
    display: block;

    // 设置左中右的占比 但是不要忘了在父容器要设置flex
    
}
</style>